<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>js控制css</title>
		<style>
			.t{
				border: 5px solid gold;
				border-radius: 50%;
				text-align: center;
				overflow: hidden;
			}
			.out{
				border: none;
				border-radius: 0;
			}
		</style>
		<script>
			function changeImg(d){
				
				// d.style.border="4px solid green";
				// d.style.borderRadius="100%";
				// d.style.textAlign="center";
				// d.style.overflow="hidden";
				d.className="t";
			}
			function leaseImg(d){
				//行内样式，级别最高
				// d.style.border="none";
				// d.style.borderRadius="0";
				d.className="out";
			}
		</script>
	</head>
	<body>
		<div onmouseover="changeImg(this)" onmouseout="leaseImg(this)">
			<img src="../image/kongzi.jpg"/>
		</div>
	</body>
</html>